<template>
	<view>
		<view class="title">北京四日追花拍摄秘籍-故宫</view>
		<view style="display: flex;">
			<view class="name">济源广播旅游团</view>
			<view class="time">2022/10/10 11:09</view>
		</view>
		<image class="images" src="../../static/QQ截图20240907145615.png"></image>
		<view class="introduce">　为了丰富小区业主周末生活，提高业主幸福感，焦作公交集团推出《公交进社区带您游焦作》的周边游活动。
			《梦桃源温泉专线》根据报名人数派发车辆(最少30人起发);本周日上午9点发车。 约半小时车程到达梦桃源水城温泉。</view>
		<view class="price">
			<view class="current">价格：￥99.00</view>
			<view class="originalPrice">原价：￥199.00</view>
		</view>
		<view class="deadline">截止日期：2022-10-10 23:59</view>
		<view class="consultationTelephone">咨询电话：0379-66666666</view>
		<view class="precautions">注意事项：暂无</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}

	.title {
		position: absolute;
		font-size: 18px;
		color: #101010;
		top: 20px;
		left: 54px;
		font-weight: bold;
	}

	.name {
		position: absolute;
		top: 60px;
		left: 10px;
		font-size: 14px;
		color: #101010;
	}

	.time {
		position: absolute;
		top: 60px;
		right: 8px;
		font-size: 14px;
		color: #101010;
	}

	.images {
		position: absolute;
		left: 2px;
		top: 90px;
		width: 371px;
		height: 213px;
		background-color: rgba(206, 206, 206, 0.77);
	}

	.introduce {
		position: absolute;
		left: 14px;
		top: 320px;
		width: 355px;
		height: 109px;
		font-size: 14px;
	}

	.price {
		position: absolute;
		left: 26px;
		top: 420px;
		width: 400px;
		height: 20px;
		display: flex;
	}

	.originalPrice {
		margin-left: 70px;
		color: rgba(234, 23, 3, 1);
		text-decoration: line-through;
	}

	.deadline {
		position: absolute;
		left: 26px;
		top: 450px;
		width: 191px;
		height: 20px;
	}

	.consultationTelephone {
		position: absolute;
		left: 26px;
		top: 470px;
		width: 179px;
		height: 20px;
	}

	.precautions {
		position: absolute;
		left: 26px;
		top: 490px;
		width: 98px;
		height: 20px;
	}
</style>